﻿<%@ Page Title="" Language="C#" MasterPageFile="~/User/UserMaster.master" AutoEventWireup="true" CodeFile="ReaderAccount.aspx.cs" Inherits="User_ReaderAccount" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
     <title>读者账户查询</title>
              <!-- Bootstrap Js必要 -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>

    <script src="assets/js/jquery.metisMenu.js"></script>
    <link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

      <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:BooksManagerSystemConnectionString %>">
        <SelectParameters>
            <asp:Parameter Name="name" />
            <asp:Parameter Name="date1" />
            <asp:Parameter Name="date2" />
        </SelectParameters>
    </asp:SqlDataSource>



      <div id="page-wrapper" style="font-family:'Microsoft YaHei';">
            <div id="page-inner">
			 <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                            读者账户查询<small>您可以在这里查询自己借阅书籍逾期、损坏、丢失的罚款和账户余额</small>
                        </h1>
                      
                        <div class="breadcrumb">
                        <h2>我的财经状况</h2> <hr />
                        <p style="padding-top:0px;font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;您当前的账户余额为：<code style="font-family:FZBeiWeiKaiShu-S19S;color:#f00;font-size:100%"><% =nowaccount %></code></p>
                        <p style="padding-top:0px;font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;您当前图书逾期欠款为：<code style="font-family:FZBeiWeiKaiShu-S19S;color:#f00;font-size:100%"><% =qiankuan%></code></p>   
                        <hr />  <h2>我的账户历史消费情况</h2> <hr />

                        <div class="container" style="width: 970px">

                            <fieldset>
                                <legend></legend>
                                <div class="control-group" style="float:left;margin-left:10px;margin-right:auto;">
                                  
                                    <div class="controls  input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                        <label class="control-label">起始时间</label>
                                        <input runat="Server" id="date1" class="form-control" style="width:200px;" size="16" type="text" value="" readonly>
                                        <span class="add-on"><i class="icon-remove"></i></span>
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                    <input type="hidden" id="dtp_input2" value="" /><br />
                                </div>
                            
                                <div class="control-group" style="float:left;margin-left:50px;margin-right:auto;">
                                   
                                    <div class="controls  input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                         <label class="control-label">截至时间</label>
                                        <input runat="Server" id="date2"  class="form-control" style="width:200px;" size="16" type="text" value="" readonly> 
                                        
                                        <span class="add-on"><i class="icon-remove"></i></span>
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                    <input type="hidden" id="Hidden1" value="" /><br />
                                   
                                </div>
                                 
                            </fieldset>

                    <asp:Button ID="Cancel" CssClass="btn btn-primary" runat="server" Text="确定查询" Style="margin-top:-98px;    margin-left: 503px;" OnClick="Sure_Click"  />
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <!-- 数据源开始 -->

                                <asp:GridView ID="mybookdata" class="mytablestyle table table-striped table-bordered table-hover" runat="server" DataSourceID="SqlDataSource1">

                                    <Columns>
                                        <asp:TemplateField HeaderText="选择">
                                            <ItemStyle HorizontalAlign="Center" />
                                            <ItemTemplate>
                                                <asp:CheckBox ID="CheckBox" CssClass="checkbox" runat="server"></asp:CheckBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns> 
                                </asp:GridView>
                                <!-- 数据源结束 -->
                                <br />
                               
                                <script>
                                    function cg() {
                                      
                                    }
                                </script>
                                <script> window.onload = function asdasd() {
     $("#ContentPlaceHolder1_mybookdata tr:first").wrap("<thead></thead>");
     $("#ContentPlaceHolder1_mybookdata thead").insertBefore("#GriView1 tbody");
     $("#ContentPlaceHolder1_mybookdata").dataTable();
    // document.getElementById("lookupbooktip").innerHTML = "查询罚款条目：<span><input type=\"search\" class=\"form-control input-sm\" aria-controls=\"ContentPlaceHolder1_mybookdata\"></span>";
 }</script>
                            </div>

                        </div>
                    
                        </div>
                    </div>
                </div> 
                 <!-- /. ROW  -->
			
				</div>
      
            </div>

    <script src="assets/js/dataTables/jquery.dataTables.js"></script>
    <script src="assets/js/dataTables/dataTables.bootstrap.js"></script>
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
    <!-- 日期管理 -->

    
    <script src="assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript">
        $('.form_date').datetimepicker({
            language: 'zh-CN',
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: 'yyyy-mm-dd'
        });
</script>
</asp:Content>

